//设置常量路由
export const ConstRouter = [
  //登录路由
  {
    path: "/login",
    component: () => import("@/views/Login/index.vue"),
    name: "login",
    meta: {
      title: "登录",
      //控制显示与隐藏
      isShow: true, //true是隐藏false是不隐藏
      //菜单的icon图标
      icon: "User",
    },
  },

  //首页路由
  {
    path: "/",
    component: () => import("@/layout/index.vue"),
    name: "home",
    meta: {
      isShow: false,
    },
    //重定向到home路由
    redirect: "/home",
    children: [
      {
        path: "/home",
        component: () => import("../views/home/index.vue"),
        meta: {
          title: "首页",
          isShow: false,
          icon: "House",
        },
      },
    ],
  },
  //数据大屏路由
  {
    path: "/screen",
    component: () => import("@/views/screen/index.vue"),
    name: "Screen",
    meta: {
      title: "数据大屏",
      isShow: false,
      icon: "Platform",
    },
  },

  //404路由
  {
    path: "/404",
    component: () => import("@/views/404/index.vue"),
    name: "404",
    meta: {
      title: "404",
      isShow: true,
      icon: "Filter",
    },
  },
];
//异步路由
export const asyncRoutes = [
  //权限管理路由
  {
    path: "/acl",
    component: () => import("@/layout/index.vue"),
    name: "Acl",
    meta: {
      title: "权限管理",
      isShow: false,
      icon: "Lock",
    },
    //只要访问到/acl这个路由就重定向到/acl/user这个路由
    redirect: "/acl/user",
    children: [
      {
        path: "/acl/user",
        component: () => import("@/views/acl/user/index.vue"),
        name: "User",
        meta: {
          title: "用户管理",
          isShow: false,
          icon: "User",
        },
      },
      {
        path: "/acl/role",
        component: () => import("@/views/acl/role/index.vue"),
        name: "Role",
        meta: {
          title: "角色管理",
          isShow: false,
          icon: "UserFilled",
        },
      },
      {
        path: "/acl/permission",
        component: () => import("@/views/acl/permission/index.vue"),
        name: "Permission",
        meta: {
          title: "菜单管理",
          isShow: false,
          icon: "Grid",
        },
      },
    ],
  },
  //品牌商品路由管理
  {
    path: "/product",
    component: () => import("@/layout/index.vue"),
    name: "Product",
    meta: {
      title: "商品管理",
      isShow: false,
      icon: "ShoppingCart",
    },
    //只要访问到/product这个路由就重定向到/product/attr这个路由
    redirect: "/product/attr",
    children: [
      {
        path: "/product/attr",
        component: () => import("@/views/product/attr/index.vue"),
        name: "Attr",
        meta: {
          title: "属性管理",
          isShow: false,
          icon: "Setting",
        },
      },
      {
        path: "/product/spu",
        component: () => import("@/views/product/spu/index.vue"),
        name: "Spu",
        meta: {
          title: "SPU管理",
          isShow: false,
          icon: "Orange",
        },
      },
      {
        path: "/product/sku",
        component: () => import("@/views/product/sku/index.vue"),
        name: "Sku",
        meta: {
          title: "SKU管理",
          isShow: false,
          icon: "ChromeFilled",
        },
      },
      {
        path: "/product/trademark",
        component: () => import("@/views/product/trademark/index.vue"),
        name: "Trademark",
        meta: {
          title: "品牌管理",
          isShow: false,
          icon: "Filter",
        },
      },
    ],
  },
];
//任意路由
export const anyRouter = [
  //重定向路由，当路径不是上面三个路由时，重新定向路由到404这个路由
  {
    path: "/:pathMacth(.*)*",
    redirect: "/404",
    name: "any",
    meta: {
      title: "任意路由",
      isShow: true,
      icon: "Message",
    },
  },
];
